<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="shortcut icon" href="favicon.ico" />
    	<link href="../../css/bootstrap.min14ed.css" rel="stylesheet" /> 
    <link href="../../css/font-awesome.min93e3.css" rel="stylesheet" />
    <link href="../../css/animate.min.css" rel="stylesheet" />
    <link href="../../css/style.min862f.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/custom.css" />
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row ">
			<div class="col-xs-12 col-sm-6 col-lg-5">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>服务信息</h5>
					</div>
					<div class="ibox-content">
						<table class="table table-hover">
							<thead>
								<tr>
									<th>服务ID</th>
									<th>服务名称+规格</th>
									<th>数量</th>
									<th>租赁时间/天数</th>
									<th>单价</th>
									<th>小计</th>
									<th class="editorder">操作</th>
								</tr>
							</thead>
							<tbody>
								<tr data-gid="1">
									<td>1232</td>
									<td>
										<p>深圳玫瑰小镇</p>
										<p>套餐一</p>
									</td>
									<td>1</td>
									<td>
										<p>2017-06-01到2017-06-03</p>
										<p>共3天</p>
									</td>
									<td class="yes-edit">&yen; 2000.00</td>
									<td><span class="font-bold text-danger">&yen; 6000</span></td>
									<td class="editorder"><button type="button" class="btn btn-danger btn-xs">删除</button></td>
								</tr>
								<tr data-gid="2">
									<td>1232</td>
									<td>
										<p>深圳玫瑰小镇</p>
										<p>套餐一</p>
									</td>
									<td>1</td>
									<td>
										<p>2017-06-01到2017-06-03</p>
										<p>共3天</p>
									</td>
									<td class="yes-edit">&yen; 2000.00</td>
									<td><span class="font-bold text-danger">&yen; 6000</span></td>
									<td class="editorder"><button type="button" class="btn btn-danger btn-xs">删除</button></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-6 col-lg-5">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>客户信息</h5>
					</div>
					<div class="ibox-content">
						<table class="table table-hover table-bordered order-d">
							<tbody>
								<tr>
									<td>客户名称:</td>
									<td>CEO Mr tang</td>
								</tr>
								<tr>
									<td>联系电话:</td>
									<td>13699772411</td>
								</tr>
								<tr>
									<td colspan="2">服务地址</td>
								</tr>
								<tr class="yes-edit">
									<td>收货人:</td>
									<td>Donald Duck</td>
								</tr>
								<tr class="yes-edit">
									<td>联系方式:</td>
									<td>13699772412</td>
								</tr>
								<tr >
									<td>服务区域:</td>
									<td>广东省 深圳市 宝安区</td>
								</tr>
								<tr class="yes-edit">
									<td>服务地址:</td>
									<td> <span class="font-bold text-default">西乡流塘社区唐氏企业大厦</span></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 col-sm-6 col-lg-5">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>发票</h5>
					</div>
					<div class="ibox-content">
						<table class="table table-hover">
							<!--<tr>
								<td>优惠券:</td>
								<td><select name="" class="form-control"><option value="1">无优惠券可用</option></select></td>
							</tr>-->
							<tr>
								<td>发票类型</td>
								<td>
									<label><input type="radio" name="fabiao" id="" />  纸质发票</label>
									<label><input type="radio" name="fabiao" id="" />  电子发票</label>
									<label><input type="radio" name="fabiao" id="" checked="checked"> 不要发票</label>
								</td>
							</tr>
							<tr>
								<td>发票抬头:</td>
								<td>
									<label><input type="radio" name="fabiaoHead" id="" />  个人发票</label>
									<label><input type="radio" name="fabiaoHead" id="" />  单位发票</label>
								</td>
							</tr>
							<tr>
								<td>单位名称:</td>
								<td><input type="text" name="" id="" class="form-control" /></td>
							</tr>
							<tr>
								<td>发票内容:</td>
								<td>
									<label><input type="radio" name="fabiaoContent" id="" />  电脑配件</label>
									<label><input type="radio" name="fabiaoContent" id="" />  办公用品</label>
									<label><input type="radio" name="fabiaoContent" id="" />  耗材</label>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-6 col-lg-5">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>费用统计</h5>
					</div>
					<div class="ibox-content">
						<table class="table table-hover table-bordered order-d">
							<tr>
								<td>订单总额:</td>
								<td>&yen; 4600</td>
							</tr>
							<tr>
								<td>运费:</td>
								<td><span class="text-info">-&yen; 12</span></td>
							</tr>
							<tr>
								<td>优惠券:</td>
								<td id="coupon">
									<!-- else <p>该用户没有优惠券可用</p>-->
									<span class="text-danger"></span>
									<button type="button" class="btn btn-primary bnt-sm" data-toggle="modal" data-target="#myModal">选择</button>
								</td>
							</tr>
							<tr>
								<td>应付定金:</td>
								<td><span class="text-warning">&yen; 2000</span></td>
							</tr>
							<tr>
								<td>应付尾款:</td>
								<td><span class="text-warning">&yen; 2700</span></td>
							</tr>
						</table>
						<div class="text-center">
							<button type="submit" class="btn btn-info">创建并支付定金</button>
							<button type="submit" class="btn btn-warning">创建并付全款</button>
							<button type="submit" class="btn btn-primary">创建订单</button>
							
						</div>
					</div>
				</div>
				
			</div>	
		</div>
	</div>
	</div>
	
<!--优惠券 直接遍历出来-->
<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated fadeInDown">
        		<div class="modal-header">
        			<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
        			<h4 class="modal-title">优惠券选择</h4>
        		</div>
        		<div class="modal-body">
        			<ul class="list-group my-list">
        				<li class="list-group-item" data-cid="1"><span class="pull-right">满500可用</span>&yen; <span class="text-danger font-bold">100</span></li>
        				<li class="list-group-item" data-cid="2"><span class="pull-right">满500可用</span>&yen; <span class="text-danger font-bold">100</span></li>
        				<li class="list-group-item" data-cid="3"><span class="pull-right">满500可用</span>&yen; <span class="text-danger font-bold">100</span></li>
        				<li class="list-group-item" data-cid="4"><span class="pull-right">满500可用</span>&yen; <span class="text-danger font-bold">100</span></li>
        				<li class="list-group-item" data-cid="5"><span class="pull-right">满500可用</span>&yen; <span class="text-danger font-bold">100</span></li>
        			</ul>
        		</div>
        </div>
        
    </div>	
</div>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/content.min.js"></script>
<!--自定义-->
<script src="../../js/config.js"></script>
<script type="text/javascript">
	//选择优惠券
	$('.my-list li').click(function(){
		var box = $('#coupon'); //显示容器
		if( $(this).hasClass('sel') ){
			//取消选择
			$(this).removeClass('sel');
			box.find('input[type=hidden]').val(0);
			box.find('button[data-toggle]').prev('span').text('');
		}else{
			$(this).siblings().removeClass('sel');
			$(this).addClass('sel');
			var cid = $(this).attr('data-cid'),
				text = $('.font-bold', this).text() + ' 优惠券';
			var input = box.find('input[type=hidden]');
			if( input.length < 1 ){
				box.append('<input type="hidden" value="'+cid+'" name="coupon" />');
			}else{
				input.val(cid);
			}
			box.find('button[data-toggle]').prev('span').text(text);
		}
		$('#myModal').modal('hide');
		
	})
</script>
</body>
</html>
